<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>WeiSiter.com</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <style>
        /* 自定义样式 */
        .bg-primary {
            background-color: #007bff !important;
        }
        .card.bg-primary {
            background-color: rgba(0, 123, 255, 0.8) !important;
        }
        .faq-section {
            background-color: #f8f9fa;
            padding: 50px 0;
        }
        .faq-item {
            border: 1px solid #e9ecef;
            margin-bottom: 10px;
            padding: 10px;
            border-radius: 5px;
        }
        .faq-item.active {
            background-color: #e9ecef;
        }
        /* 轮播图样式 */
        .carousel-item {
            height: 500px; /* 设置轮播图高度 */
            background: no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    </style>
</head>
<body>

<!-- Header -->
<header class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <a class="navbar-brand" href="#">WeiSiter.com</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
                <a class="nav-link" href="http://{{ env('DOMAIN_RENDER') }}" target="_blank">首页 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://{{ env('DOMAIN_ADVERTISEMENT') }}" target="_blank">广告主</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://{{ env('DOMAIN_PUBLISHMENT') }}" target="_blank">网站主</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://{{ env('DOMAIN_BACKEND') }}" target="_blank">登录</a>
            </li>
        </ul>
    </div>
</header>

<!-- Carousel -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active" style="background-image: url('plugins/images/heading-bg/slide1.jpg')">
            <div class="carousel-caption d-none d-md-block">
                <h1>精准投放 让您值得信赖的联盟</h1>
                <p>精准获客利器</p>
       
            </div>
        </div>
        <div class="carousel-item" style="background-image: url('plugins/images/heading-bg/slide2.jpg')">
         <div class="carousel-caption d-none d-md-block">
                <h1>一站式广告 给你想要的</h1>
                <p>专业优秀的移动广告，你想要的，都在这里</p>
            </div>
        </div>
        <div class="carousel-item" style="background-image: url('plugins/images/heading-bg/slide3.jpg')">
          <div class="carousel-caption d-none d-md-block">
                <h1>忠实的商业化合作伙伴</h1>
                <p>大平台，诚信透明</p>
            </div>
        </div>
    </div>
 
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!-- Advertiser Platform Flow -->
<section class="py-5">
    <div class="container">

        <div class="row">
            <div class="col-md-6">
                <!-- 左侧内容 -->
                        <h1>广告主入驻广告联盟流程</h1>
        <ol>
            <li>进入注册页面，马上联盟</li>
            <li>成为会员，后台充值</li>
            <li>新建联盟推广计划，上传广告物料</li>
            <li>随时进入后台查询推广效果</li>
        </ol>
        <!--<a href="#" class="btn btn-primary">广告主平台</a>-->
            </div>
            <div class="col-md-6">
                <!-- 右侧图表 -->
                <img src="{{ H('plugins/images/property/prop4.jpeg') }}" alt="Chart 1" class="img-fluid">
              
            </div>
        </div>
    </div>
</section>

<!-- Advertiser Platform Advantages -->
<section class="bg-primary text-white py-5">
    <div class="container">
        <h2 class="text-center mb-4">广告主平台优势</h2>
        <p class="text-center mb-5">广告主是广告活动的发布者，是在网上销售或者宣传自己产品和服务的商家，是联盟营销广告的提供者。</p>
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-chart-line fa-3x mb-3"></i>
                        <h5 class="card-title">精准投放</h5>
                        <p class="card-text">按照地域、时间等多种定向方式投放，实现广告精准投放。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-bolt fa-3x mb-3"></i>
                        <h5 class="card-title">反作弊及效果跟踪</h5>
                        <p class="card-text">反作弊采用智能过滤拦截，针对各种异常数据进行过滤拦截。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-shield-alt fa-3x mb-3"></i>
                        <h5 class="card-title">让您值得信赖的联盟</h5>
                        <p class="card-text">为你提供详细数据报告，满足您的监控需求。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-thumbs-up fa-3x mb-3"></i>
                        <h5 class="card-title">强大的技术力量支持</h5>
                        <p class="card-text">拥有独特的技术优势，强大的技术团队保证了系统的正常运行。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-users fa-3x mb-3"></i>
                        <h5 class="card-title">诚信为本</h5>
                        <p class="card-text">诚信为本，做站长最值得信赖的网站广告联盟。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-comments fa-3x mb-3"></i>
                        <h5 class="card-title">全天候专业服务</h5>
                        <p class="card-text">技术问题提供专业的解决方案。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Website Owner Platform Flow -->
<section class="py-5">
    <div class="container">
 
        <div class="row">
            <div class="col-md-6">
                <!-- 左侧内容 -->
                       <h3>网站主入驻广告联盟流程</h3>
 
                <ol>
            <li>进入注册页面，马上联盟</li>
            <li>成为会员，后台登记网址</li>
            <li>领取广告代码，参与联盟推广计划</li>
            <li>广告上线获取丰厚佣金，随时进入后台查询收益</li>
        </ol>
        <!--<a href="#" class="btn btn-primary">广告主注册</a>-->
            </div>
            <div class="col-md-6">
                <!-- 右侧图表 -->
                <img src="{{ H('plugins/images/property/prop3.jpeg') }}" alt="Chart 2" class="img-fluid">
                       
              
            </div>
        </div>
    </div>
</section>

<!-- Website Owner Platform Advantages -->
<section class="bg-primary text-white py-5">
    <div class="container">
        <h2 class="text-center mb-4">网站主平台优势</h2>
        <p class="text-center mb-5">提供多种合作模式以及广告模式，有效地保证广告的高点击率，帮助网站主的实现变现能力。</p>
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-chart-bar fa-3x mb-3"></i>
                        <h5 class="card-title">丰富多样的广告资源</h5>
                        <p class="card-text">严格把控广告质量，确保最佳用户体验，提升站长的收入。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-chart-pie fa-3x mb-3"></i>
                        <h5 class="card-title">详细准确的数据统计</h5>
                        <p class="card-text">为站长提供透明、实时的流量数据和收入报表，站长可随时监测。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-dollar-sign fa-3x mb-3"></i>
                        <h5 class="card-title">完善的佣金结算系统</h5>
                        <p class="card-text">网站主可以采用多种灵活的方式获取收益，让您获得更多高额回报。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-thumbs-up fa-3x mb-3"></i>
                        <h5 class="card-title">强大的技术力量支持</h5>
                        <p class="card-text">拥有独特的技术优势，强大的技术团队保证了系统的正常运行。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-users fa-3x mb-3"></i>
                        <h5 class="card-title">诚信为本</h5>
                        <p class="card-text">以诚信为原则，做站长最值得信赖的网站广告联盟。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card bg-primary border-0 text-white">
                    <div class="card-body">
                        <i class="fas fa-comments fa-3x mb-3"></i>
                        <h5 class="card-title">全天候专业服务</h5>
                        <p class="card-text">提供24小时在线客服。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section class="faq-section">
    <div class="container">
        <h2 class="text-center mb-5">常见问题</h2>
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div id="faqAccordion">
                    <div class="faq-item">
                        <div class="faq-header" id="faqHeadingOne">
                            <a class="faq-link" data-toggle="collapse" href="#faqCollapseOne" aria-expanded="true" aria-controls="faqCollapseOne">
                                我有产品需要推广，怎样成为你们联盟的广告主？
                            </a>
                        </div>
                        <div id="faqCollapseOne" class="collapse" aria-labelledby="faqHeadingOne" data-parent="#faqAccordion">
                            <div class="faq-body">
     如您有投放广告的需要，可直接添加商务的官方账号进行联络：
     QQ：124111294

                            </div>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-header" id="faqHeadingTwo">
                            <a class="faq-link collapsed" data-toggle="collapse" href="#faqCollapseTwo" aria-expanded="false" aria-controls="faqCollapseTwo">
                               为什么看不到昨日的广告收益？
                            </a>
                        </div>
                        <div id="faqCollapseTwo" class="collapse" aria-labelledby="faqHeadingTwo" data-parent="#faqAccordion">
                            <div class="faq-body">
多方广告渠道每日系统汇总数据，有些渠道有延时，建议下午 4:30 后查看。
                            </div>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-header" id="faqHeadingThree">
                            <a class="faq-link collapsed" data-toggle="collapse" href="#faqCollapseThree" aria-expanded="false" aria-controls="faqCollapseThree">
                               我的广告有展示，但无收益是怎么回事？
                            </a>
                        </div>
                        <div id="faqCollapseThree" class="collapse" aria-labelledby="faqHeadingThree" data-parent="#faqAccordion">
                            <div class="faq-body">
                                请先查看广告是否有点击数据。无点击则无转化，广告主不会付费，应用也无收益。
                            </div>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-header" id="faqHeadingFour">
                            <a class="faq-link collapsed" data-toggle="collapse" href="#faqCollapseFour" aria-expanded="false" aria-controls="faqCollapseFour">
                              预估收益和提现金额不一致？
                            </a>
                        </div>
                        <div id="faqCollapseFour" class="collapse" aria-labelledby="faqHeadingFour" data-parent="#faqAccordion">
                            <div class="faq-body">
                                各广告渠道的预估收益和提现金额有一定的误差，以提现金额为准。
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <img src="{{ H('plugins/images/tooltip/Euclid.png') }}" alt="FAQ Image" class="img-fluid">
            </div>
        </div>
    </div>
</section>

<!-- Footer -->
<footer class="bg-dark text-white text-center py-3">
    <p>Copyright © 2023 WeiSiter.com. All rights reserved.</p>
</footer>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script>
    // FAQ Accordion Toggle
    $('.faq-link').on('click', function() {
        $(this).closest('.faq-item').toggleClass('active');
    });
</script>
</body>
</html>